<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻标题</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        li{
            list-style: none;
        }
        a{
            text-decoration: none;
        }
        .new .hd a{
            display: block;
            height: 34px;
            width: 48px;
            background-color: #fff;
            border-top: 3px solid #ff8400;
            border-right: 1px solid #dbdee1;
            margin: -1px;
            text-align: center;
            color: #333;
            font-size: 14px;
            line-height: 32px;
        }
       .new{
        width: 360px;
        height: 200px;
        background-color:#fff;
        margin: 100px auto;
       }
       .new .hd{
        background-color: #eee;
        height: 34px;
        border: 1px solid #dbdee1;
        border-left: none;
       }
       .new .bd{
        padding: 5px;
       }
       .new .bd li{
        padding-left: 20px;
        background-image: url(./image/square.png);
        background-repeat: no-repeat;
        background-position: 0 center;
       }
       .new .bd li a{
        background-image: url(./image/img.gif);
        background-repeat: no-repeat;
        padding-left: 20px;
        font-size: 12px;
        line-height: 24px;
        color: #666;
       }
       .new .bd li a:hover{
         color:#ff8804 
       }
       
    </style>
</head>
<body>
    <div class="new">
        <div class="hd"><a href="#">新闻</a></div>
        <div class="bd">
         <ul>
          <li><a href="#">点赞“新农人” 温暖的伸手</a></li>
          <li><a href="#">在希望的田野上...</a></li>
          <li><a href="#">“中国天眼”又有新发现 已在《自然》杂志发表</a></li>
          <li><a href="#">急！这个领域，缺人！月薪4万元还不好招！啥情况？</a></li>
          <li><a href="#">G9“带货”背后：亏损面持续扩大，竞争环境激烈</a></li>
          <li><a href="#">多地力推二手房“带押过户”，有什么好处？</a></li>
         </ul>
       </div>
    </div>
</body>
</html>